<!DOCTYPE html>
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8" isELIgnored="false"%>
<%@include file="../include/fore/foreHeader.jsp" %>
<style>
.userDiv{
width:1200px;
height:850px;
margin:auto;
}
.leftDiv{
width:178px;
height:100%;
border-right:solid #F0F0F0 3px;
float:left;
background-color:#FFFFFF;
}
.rightDiv{
width:1020px;
height:100%;
float:left;
background-color:#FFFFFF;
}
.leftDivHead{
height:170px;
border-bottom:dashed #C5C5C5 1px;
}
.leftDivNav div{
cursor:pointer;
}
.userNameDiv{
text-align:center;
}
.choosebtn{

}
</style>
<%@include file="../fore/foreNav.jsp" %>
<div style="background-color:#F0F0F0;margin-top:50px;">
	<div class="userDiv">
		<div class="leftDiv">
			<div class="leftDivHead">
				<div style="text-align:center;">
					<img src='user_headimage_load?pictureId=${user.userDetail.img_url}' style="margin:10px auto;"width="80px" height="80px"class='img-circle'>
				</div>
				<div class="userNameDiv">
				<font size="2px">${user.userDetail.nickname}</font>
				</div>
			</div>
			<div class="leftDivNav">
				<div style="text-align:center;padding:20px 0px;" class="btn-info" load="usercenter_useraccount"><font size="4">账号设置</font></div>
				<div style="text-align:center;padding:20px 0px;"><font size="4">我的首页</font></div>
				<div style="text-align:center;padding:20px 0px;"><font size="4">观看记录</font></div>
				<div style="text-align:center;padding:20px 0px;"><font size="4">我的收藏</font></div>
				<div style="text-align:center;padding:20px 0px;"><font size="4">我的奖品</font></div>
			</div>
		
		</div>
		<div class="rightDiv" id="rightDiv">
			<%@include file="rightContent/userAccount.jsp" %>
		</div>
	</div>
</div>
<script>
$(".leftDivNav div").click(function(){
	$("#rightDiv").load($(this).attr("load"));
	
});
</script>
<script>
$(".leftDivNav div").mouseenter(function(){
	removeColor();
	$(this).css("background-color","#F5F5F5");
});
$(".leftDivNav div").click(function(){
	$(this).css("background-color","");
	removeDiv();
	$(this).addClass("btn-info");
});
function removeColor(){
	$(".leftDivNav div").each(function(){
		$(this).css("background-color","");
	});
}
function removeDiv(){
	$(".leftDivNav div").each(function(){
		$(this).removeClass("btn-info");
	});
}

</script>